<!DOCTYPE html>
<html>
	<head>
		<meta charset="UTF-8">
		<title>个人基本信息展示</title>
		<link rel="stylesheet" type="text/css" href="index.css"/>
	</head>
	<body>
		<div id="app">
			<div id="bt">
				<p>{{explain}}</p>
			</div>
			<div class="info">
				<p>姓名：{{name}}</p>
				<p>年龄：{{age}}</p>
				<p>兴趣爱好：{{hobby}}</p>
				<p>专业：{{subject}}</p>
			</div>
			
			
		</div>
		<script src="https://unpkg.com/vue@next"></script>
		<script type="text/javascript">
			const vm=Vue.createApp({
				data(){
					return{
						explain:'个人基本信息',
						name:'沈桂烨',
						age:'20',
						hobby:'唱歌',
						subject:'计算机应用技术',
					}
				}
			}).mount('#app');
		</script>
	</body>
</html>